<!doctype html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>华阳信创-用专业的技术做专业的事情</title>
    <link href="./css/common.css" rel="stylesheet" type="text/css">
    <link href="./css/map.css" rel="stylesheet" type="text/css">
    <style>
        .banner {
            background-image: url("./images/son/banner-4.png");
        }
        .banner .left .tab {
            background-color: rgba(40, 194, 214, 1);
        }
    </style>
</head>
<body>
<div class="header">
    <div class="inner">
        <div class="logo" onclick="window.location.href='index.html'">
            <img src="./images/logo.png" width="195" height="87" alt="">
        </div>
        <ul class="nav">
            <li>
                <a href="index.html">
                    官网首页
                </a>
            </li>
            <li>
                <a class="">
                    产品服务
                </a>
                <dl class="submenu" style="display: none; height: 240px; padding: 10px 0; margin: 0; width: 149px; opacity: 1;">
                    <dt>
                        <a href="">电子政务智能应用</a>
                    </dt>
                    <dt>
                        <a href="big-map.html">可视化数据大屏</a>
                    </dt>
                    <dt>
                        <a href="">IT运维</a>
                    </dt>
                    <dt>
                        <a href="">智能问答</a>
                    </dt>
                    <dt>
                        <a href="">智慧信访</a>
                    </dt>
                    <dt>
                        <a href="">智能机器人</a>
                    </dt>
                </dl>
            </li>
            <li>
                <a class="">
                    解决方案
                </a>
                <dl class="submenu" style="display: none; height: 200px; padding: 10px 0px; margin: 0px; width: 200px; opacity: 1;">
                    <dt>
                        <a href="">政法系统解决方案</a>
                    </dt>
                    <dt>
                        <a href="">林业绿化系统解决方案</a>
                    </dt>
                    <dt>
                        <a href="index-jr.html" target="_blank">退役军人系统解决方案</a>
                    </dt>
                    <dt>
                        <a href="healthy.html">卫生健康系统解决方案</a>
                    </dt>
                    <dt>
                        <a href="">基金会与公益组织解决方案</a>
                    </dt>
                </dl>
            </li>
            <li>
                <a href="zone.html" class="">
                    信创专区
                </a>
            </li>
            <li>
                <a class="">
                    关于我们
                </a>
                <dl class="submenu"
                    style="display: none; height: 120px; padding: 10px 0px; margin: 0px; width: 149px; opacity: 1;">
                    <dt>
                        <a href="">我们是谁</a>
                    </dt>
                    <dt>
                        <a href="about.html">华阳的发展</a>
                    </dt>
                    <dt>
                        <a href="">加入我们</a>
                    </dt>
                </dl>
            </li>
        </ul>
    </div>
</div>
<!--banner-->
<div class="banner">
    <div class="container">
        <div class="left">
            <div class="tip">
                <span class="tab">关于我们</span>
                <p>ABOUT US</p>
            </div>
            <h1><img src="./images/son/icon-ban.png" alt="">华阳的发展</h1>
            <p>自主研发应用软件系统，重点面向政府机构、行业组织，提供信息化建设，数据应用管理、办公自动化软件产品及解决方案。</p>
        </div>
    </div>
</div>
<!-- 主题内容 -->
<div class="main">
    <!-- 第一部分（面包屑导航） -->
    <div class="main-mb">
        <div class="container">
            <p class="mb-tab-nav"><a href="index.html">首页</a> > 关于我们 > 华阳的发展</p>
            <div class="mb-cont">
                <h2>可视化的优势&特点</h2>
                <p>为客户提供有竞争力、安全可信赖的产品和服务</p>
            </div>
        </div>
    </div>
    <!--  数据管理  -->
    <div class="main-data">
        <div class="container clearfix">
            <img src="./images/son/data-left.png" alt="数据管理" class="left">
            <div class="right">
                <h2>数据管理</h2>
                <p>在控制台的资源管理页面可以对接入的数据源进行统一管理。目前腾讯云图支持静态数据、数据库、API 三类数据源的接入。</p>
                <div class="txt-p">
                    <p><b>静态数据：</b>>CSV 文件。</p>
                    <p><b>数据库：</b>MySQL、SQL Server、MariaDB（TDSQL）、PostgreSQL、Oracle。</p>
                    <p><b>API：</b>公网 API、阿里云API、腾讯云 API。</p>
                </div>
            </div>
        </div>
    </div>
    <!--  应用场景  -->
    <div class="main-scene">
        <div class="container">
            <div class="title-box">
                <h2 class="h2-title">应用场景</h2>
                <p class="p-title">炫酷的可视化数据设计，实时动态的数据更新；图表轮播、地图气泡、迁移等动态效果，营造激动人心的活动现场。</p>
            </div>
            <div class="scene-inner">
                <!-- 切换tab -->
                <div class="tab">
                    <div class="tab-item act">大数据展示</div>
                    <div class="tab-item">商业监控大屏</div>
                    <div class="tab-item">政府机关监督大屏</div>
                </div>
                <!-- 切换内容 -->
                <div class="tab-and act">
                    <h3>多种数据源整合   数据同步更新   炫酷直观的可视化设计</h3>
                    <p>将从海量大数据中采集，清洗，挖掘得到的数据结果，以具体数字和指标为依托，通过专业设计的样式、组件和模板，完美地展现商业价值，传递您独特的行业洞察。</p>
                    <img src="./images/son/map-pc.png" alt="">
                    <span>通过人性化的图表设计呈现，为大众展示大数据成果，直观感受数据价值。</span>
                </div>
                <div class="tab-and">
                    <h3>第二个标题</h3>
                    <p>第二个内容第二个内容第二个内容第二个内容第二个内容第二个内容第二个内容第二个内容</p>
                    <img src="./images/son/map-pc.png" alt="">
                    <span>图片描述图片描述图片描述图片描述图片描述</span>
                </div>
                <div class="tab-and">
                    <h3>第三个标题</h3>
                    <p>第三个内容第三个内容第三个内容第三个内容第三个内容第三个内容第三个内容</p>
                    <img src="./images/son/map-pc.png" alt="">
                    <span>图片描述图片描述图片描述图片描述图片描述图片描述</span>
                </div>
            </div>
        </div>
    </div>
    <!--  场景 vs 加密  -->
    <div class="main-password">
        <div class="container">
            <div class="title-box">
                <h2 class="h2-title">场景 vs 加密</h2>
                <p class="p-title">丰富的行业场景可视化模板，一键直接创建使用，可视化发布支持密码加密和TOKEN验证。</p>
            </div>
        </div>
        <div class="pass-img"></div>
    </div>
    <!--  项目管理操作  -->
    <div class="main-project">
        <div class="container">
            <div class="title-box">
                <h2 class="h2-title">项目管理操作</h2>
                <p class="p-title">可以实现对页面元素布置、以及数据源与图表之间绑定。</p>
            </div>
            <div class="project-list clearfix">
                <div class="project-item">
                    <img src="./images/son/pro1.png" alt="">
                    <p>炫酷的可视化数据设计，实时动态的数据更新。</p>
                </div>
                <div class="project-item">
                    <img src="./images/son/pro2.png" alt="">
                    <p>图表轮播、地图气泡、迁移等动态效果，营造激动人心的活动现场。</p>
                </div>
            </div>
        </div>
    </div>
    <!--  组件操作  -->
    <div class="main-box">
        <div class="container">
            <div class="title-box">
                <h2 class="h2-title">项目管理操作</h2>
                <p class="p-title">可以实现对页面元素布置、以及数据源与图表之间绑定。</p>
            </div>
            <p>地图：2D 平面中国地图、星云地图。图表：基本柱状图、分组柱状图、基本条形图、分组条形图、基本线图、基本饼图、带标签线饼图、百分比圆环图。形状：四边形、三角形、椭圆。
                文字：通用文本、文字链接、数字、日期时间、轮播表格。图片：JPG、PNG 和 GIF 格式。
            </p>
        </div>
    </div>
</div>






<!-- footer s -->
<footer>
    <div class="container cons">
        <div class="con">
            <p>产品服务</p>
            <a href="">电子政务智能应用</a>
            <a href="">可视化数据大屏</a>
            <a href="">IT运维</a>
            <a href="">智能问答</a>
            <a href="">智慧信访</a>
            <a href="">智能机器人</a>
        </div>
        <div class="con">
            <p>解决方案</p>
            <a href="">政法系统解决方案</a>
            <a href="">林业绿化系统解决方案</a>
            <a href="">退役军人系统解决方案</a>
            <a href="">卫生健康系统解决方案</a>
            <a href="">基金会与公益组织解决方案</a>
        </div>
        <div class="con">
            <p>关于我们</p>
            <a href="">我们的发展</a>
            <a href="">华阳的发展</a>
            <a href="">加入我们</a>
        </div>
        <div class="con" style="padding-right: 0;">
            <p>联系我们</p>
            <a href="javascript:;" style="cursor: auto;">北京华阳信创科技有限公司</a>
            <a href="javascript:;" style="cursor: auto;line-height: 22px;height: 22px;margin-bottom: 0;">联系电话</a>
            <p style="line-height: 22px;margin-bottom: 5px;">010-88816950</p>
            <a href="javascript:;" style="cursor: auto;">地址：京市海淀区中关村大街11号中关村E世界8层</a>
        </div>
        <div class="con" style="padding-right: 0;float: right">
            <img src="./images/fot-btm.png" alt="" style="width: 195px;">
        </div>
    </div>
    <div class="fot-bom">
        <div class="container">
            <p>ICP经营许可证编号 京ICP备10005778号-1 京公网安备 55778899663345号</p>
            <p style="float: right">Copyright ©2021 北京华阳信创科技有限公司 版权所有</p>
        </div>
    </div>
</footer>
<!-- footer e -->
<div class="scroll" id="scroll" style="display: none;"></div>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
<script src="js/new_another.js"></script>
<script>
  var tabItem = document.querySelectorAll('.tab-item'),
    tabAnd = document.querySelectorAll('.tab-and')
  for (var i = 0; i < tabItem.length; i++) {
    tabItem[i].index = i
    tabItem[i].addEventListener('click', function () {
      for (var j = 0; j < tabItem.length; j++) {
        tabItem[j].classList.remove('act')
        tabAnd[j].classList.remove('act')
      }
      this.classList.add('act')
      tabAnd[this.index].classList.add('act')
    })
  }
</script>
</body>
</html>